<%@ page import="ar.com.hakasoft.utils.NumberUtil" %>

<html>
<head>
<meta name="layout" content="mainApp" />
<g:javascript library="jquery"  /> 
<g:javascript library="facturacion" />
<g:javascript library="reporte" />
<g:javascript library="animatedcollapse" />

</head>
<body>
	<script type="text/javascript">
		document.getElementById('nombreSeccion').innerHTML = "Reportes";
	</script>
    <g:if test="${flash.message}">
    <div class="message">${flash.message}</div>
    </g:if>
    <g:hasErrors bean="${facturaInstance}">
    <div class="errors">
        <g:renderErrors bean="${facturaInstance}" as="list" />
    </div>
	</g:hasErrors>
	<div align="center">
	 	<g:uploadForm name="form" controller="reportes" id="reporte">
	 			<g:hiddenField name="mesActual" id="mesActual" value="${mesActual}"/>
	 			<g:hiddenField name="anioActual" id="anioActual" value="${anioActual}"/>
	 			
		 		<table style="text-align: center;"><tr><td colspan="2">
					<label>Tipo de Busqueda</label>
					<select name="tipoBusqueda" id="tipoBusqueda">
						<option value="todos" selected="selected">Todos</option>
						<option value="ingresos">Ingresos</option>
						<option value="egresos">Egresos</option>
					</select>
				</td></tr>
				<tr>
					<td align="left">
						<input type="radio" name="busqueda" value="1" onchange="cambioRadio(this.value);" checked="checked">
						A&ntilde;o / Mes
					</td>
					<td align="left">
						<input type="radio" name="busqueda" value="2" onchange="cambioRadio(this.value);" >
						Fecha exacta
					</td>
				</tr>
				<tr><td align="left">
					<label>A&ntilde;o</label>
					<select name="anioReporte" id="anioReporte" onchange="mostrarComboMes(this.value);" >
			 			<option value="null" selected="selected">Todos</option>
			 			<g:each in="${listAnios}" var="anio">
			 				<option value="${anio}">${anio}</option>
			 			</g:each>
						
					</select><br>
					<label>Mes</label>
			 		<select name="mesReporte" id="mesReporte">
			 			<option value="null">Todos</option>
						<option value="1">Enero</option>
						<option value="2">Febrero</option>
						<option value="3">Marzo</option>
						<option value="4">Abril</option>
						<option value="5">Mayo</option>
						<option value="6">Junio</option>
						<option value="7">Julio</option>
						<option value="8">Agosto</option>
						<option value="9">Septiembre</option>
						<option value="10">Octubre</option>
						<option value="11">Noviembre</option>
						<option value="12">Diciembre</option>
					</select>
					</td>
					<td>
		 			<input id="inputDate" name="inputDate" maxlength="10" size="11">
				</td></tr>
				<tr><td colspan="2">
					<g:submitToRemote name="generarReporte" id="generarReporte" value="Generar" update="reporteDiv" action="generarReporte" onLoading="showSpinner('spinner', true);" onComplete="showSpinner('spinner', false);"  />
		 		</td></tr></table>
		</g:uploadForm>
		
		<div style="height: 30px;"></div>
		<div id="reporteDiv"></div>
	
	</div>

	
</body>
</html>